<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>思云课堂后台业务管理系统</title>
        <link rel="stylesheet" href="/layui-down/layui-my/layui/css/layui.css" >
        <link rel="stylesheet" href="/css/index1.css">
        <script src="/Vue/vue-2.6.12.js"></script>
        <script src="/layui-down/layui-my/layui/layui.js"></script>
        <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
        <script src="/jquery/jquery-3.2.1.min.js"></script>
    </head>
    <body>
        <div id="app">
            <div class="header">
                <div class="logo">
                    <a href="#" title="思云课堂后台业务管理系统" >
                        <img src="/images/jinsi.png">
                        思云课堂后台业务管理系统
                    </a>
                </div>
                <div class="headerNav">
                    <ul @mouseout="hiddenAll" id="headerNav" lay-filter="">
                        <li class="personalInformation" @mouseover="personalInformation" title="个人信息">
                            <img src=""  class="layui-circle" style="border: 2px solid #A9B7B7;" width="35px" height="35px" alt="" id="imgSrc" />
                            <span class="userName" id="userName">{{account}}</span>
                            <div @mouseout="hiddenPersonalInformation" class="hiddenAlert" id="personalInformation" style="box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 3px;display:none;position: fixed;top:56px;right: 140px;width:420px;height: 235px;background-color: white">
                                <div class="account">
                                    <span>账户信息</span>
                                    <a style="color: #0eac9f;" class="subMenu" _href="/systemhome/setaccount/set-account.html" href="javascript:;">账户设置</a>
                                </div>
                                <div class="message">
                                    <div>所在部门：{{deptName}}</div>
                                    <div>本次登录：{{newLogin}}</div>
                                    <div>登录地区：{{region}}</div>
                                    <div>上次登录：{{lastLogin}}</div>
                                </div>
                            </div>
                        </li>
                        <li class="goHome" title="返回首页">
                            <a class="layui-icon layui-icon-home subMenu" href="javascript:;"  _href="/index/systemHome/systemHome/index-welcome.html"  id="goHome" ></a>
                        </li>
                        <li class="inCommonUseMenu" @mouseover="inCommonUseMenu" title="常用菜单">
                            <span class="layui-icon layui-icon-spread-left"></span>
                            <div @mouseout="hiddenInCommonUseMenu" class="hiddenAlert" id="inCommonUseMenu" style="box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 3px;display:none;position: fixed;top:56px;right: 27px;width:420px;height: 235px;background-color: white">
                                <div class="account">
                                    <span>常用菜单</span>
                                    <a style="color: #0eac9f;" title="菜单管理" href="javascript:;">菜单管理</a>
                                </div>
                                <div class="menu">
                                    <div>
                                        <a title="商品列表" href="javascript:;">商品列表</a>
                                        <a title="添加样品" href="javascript:;">添加样品</a>
                                        <a title="订单列表" href="javascript:;">订单列表</a>
                                    </div>
                                    <div>
                                        <a title="用户管理" href="javascript:;">用户管理</a>
                                        <a title="交易统计" href="javascript:;">交易统计</a>
                                        <a title="广告管理" href="javascript:;">广告管理</a>
                                    </div>
                                    <div>
                                        <a title="专题列表" href="javascript:;">专题列表</a>
                                        <a title="部门管理" href="javascript:;">部门管理</a>
                                        <a title="成员管理" href="javascript:;">成员管理</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="messageAlert" @mouseover="messageAlert" title="消息提示">
                            <span class="layui-icon layui-icon-notice"></span>
                            <span id="allMessageCount" class="layui-badge">0</span>
                            <div @mouseout="hiddenMessageAlert" class="hiddenAlert" id="messageAlert" style="box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 3px;display:none;position: fixed;top:56px;right: 75px;width:420px;height: 335px;background-color: white">
                                <div class="headAlert">
                                    <div>
                                        <span>订单提示</span>
                                    </div>
                                    <div>
                                        <a href="javascript:;" title="待付款订单">待付款订单（<span class="count">{{obligationCounts}}</span>）</a>
                                    </div>
                                    <div>
                                        <a href="javascript:;" title="待发货订单">待发货订单（<span class="count">{{waitDeliverGoodsCounts}}</span>）</a>
                                    </div>
                                    <div>
                                        <a href="javascript:;" title="已发货订单">已发货订单（<span class="count">{{alreadyDeliverGoodsCounts}}</span>）</a>
                                    </div>
                                    <div>
                                        <a href="javascript:;" title="已完成订单">已完成订单（<span class="count">{{alreadyAccomplishCounts}}</span>）</a>
                                    </div>
                                </div>
                                <div class="footAlert">
                                    <div>
                                        <span>广告位提示</span>
                                    </div>
                                    <div>
                                        <a href="javascript:;">广告位即将到期（<span class="count">{{expireDate}}</span>）</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li id="quit" title="退出账户">
                            <a class="layui-icon layui-icon-reduce-circle subMenu" href="/login/login.html"></a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--左侧导航区域-->
            <div class="layui-side layui-bg-black x-side show_list" style="height:100%;width:220px; left:0px;margin-top: 55px;" id="table1">

            </div>
            <div class="layui-body" id="nav-tab" >
                <div class="layui-tab layui-tab-card" lay-filter="tab"  lay-allowclose="true" style="height: 100%">
                    <ul class="layui-tab-title" id="tab">
                        <li class="layui-this" lay-id="0" @contextmenu.prevent="hideTab">
                            <i class="layui-icon layui-icon-home"></i>系统首页
                        </li>
                    </ul>
                    <div class="layui-tab-content" style="height: 100%">
                        <div class="layui-tab-item layui-show">
                            <iframe frameborder="0" src="/index/systemHome/systemHome/index-welcome.html"  class="iframe" ></iframe>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <input type="hidden" name="user" th:value="${session.user}"/>
        <script src="/js/login/index.js"></script>
        <script>
            document.querySelectorAll("iframe")[0].height = 0;
            document.querySelectorAll("iframe")[0].height = document.querySelectorAll("iframe")[0].contentWindow.document.body.scrollHeight;
        </script>
    </body>
</html>